<template>
  <div class="wrap">
    <div class="top_img"></div>
    <top-view @number="change"></top-view>
    <left-view ref="leftview"></left-view>
    <!--<div class="content">-->
      <transition name="fade" mode="out-in">
        <router-view></router-view>
      </transition>
    <!--</div>-->
  </div>
</template>

<script>
  import VTopView from '@/components/topView/topView'
  import VLeftView from '@/components/leftView/leftView'
  export default {
    components: {
      'top-view' : VTopView,
      'left-view' : VLeftView
    },
    methods: {
      change(e) {
        this.$refs.leftview.change(e);
      }
    }
    }
</script>

<style lang="stylus" rel="stylesheet/stylus">
.top_img
  position: fixed;
  width 200px;
  height: 100px;
  background: url(../img/logo.png) no-repeat center;
.content
  min-height 100%
  margin-left: 200px
  margin-top 100px
.wrap
  width 100%
  height 100%
  background-color #ffffff
  position fixed
  top 0
  left 0
  bottom 0
  overflow auto
  min-width 1200px
</style>
